<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<!--
	Note: these annotations refer another one of my projects, the closure annotated compiler.
	http://code.google.com/p/annotated-closure-compiler-cli/

	-->
	<!--
	@CompilePage(
	outputFile="templateTests-min.html"
	options=minify
	)
	-->
	<head>
		<title>Template Tests: </title>

		<script type="text/javascript" src="http://code.jquery.com/qunit/qunit-1.10.0.js"></script>
		<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.10.0.css">
		<!--
		@ClosureExtern(
		name=ext)
		-->
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
		<!--
		@ClosureExtern_end
		-->

		<!--
		@ClosureCompilation(
		outputFile="../../main/web/bin/devtools-min.js"
		externBlocks=""
		compilationLevel=SIMPLE_OPTIMIZATIONS
		)
		-->
		<script type="text/javascript" src="../../main/web/js/devtools/types.js"></script>
		<script type="text/javascript" src="../../main/web/js/devtools/asserts.js"></script>
		<script type="text/javascript" src="../../main/web/js/devtools/logger.js"></script>
		<script type="text/javascript" src="../../main/web/js/devtools/utilities.js"></script>
		<!--
		@ClosureCompilation_end
		-->
		
		<script type="text/javascript" src="template/templateTests.js"></script>

		<!--
		@ClosureCompilation(
		outputFile="../../main/web/bin/jquery.template-min.js"
		externBlocks="ext"
		compilationLevel=SIMPLE_OPTIMIZATIONS
		)
		-->
		<script type="text/javascript" src="../../main/web/js/template/jquery.template.js"></script>
		<!--
		@ClosureCompilation_end
		-->

		<script >
			function noThrow(func, message) {
				func();
				ok(true, message);
			}

			$(document).ready(function() {
				
			});
		</script>

	</head>
	<body>
		<div id="content">
			
		</div>
		<div id="templates">
			<div data-templateid="test1">This is a test</div>
			
			<div data-templateid="test2">
				<a data-bindings="href: test-href, innerText: test-link-text"> </a>
			</div>

			<div data-templateid="test3">
				<button data-bindings="this: test-button, innerText: button-label"> </button>
			</div>
			
			<div data-templateid="test4" data-bindings="this: main-div">
				<p data-bindings="this: main-paragraph">
					<a data-bindings="href: test-href, innerText: test-link-text"> </a>
				</p>
				<p data-bindings="innerHtml: paragraph-html"> </p>
			</div>
			
			
			<div data-templateid="test5">
				<span data-bindings="iterator: test-array">Element:<br/>
					<p data-bindings="innerText: test-text1">test 1</p>
					<p data-bindings="innerText: test-text2">test 2</p>
				</span>
			</div>
			
		</div>
		<div id="qunit"></div>
		<div id="qunit-fixture"></div>
	</body>
</html>